@charset "utf-8";
/* 
 * Copyright (c) 2011, Game Getter . 
 * All rights reserved. 
 * Filename:        main.css
 * Version：        2011-8-26
 * Website：        Game Getter
 * Author：         syl
 ===Structure===========================
 * Basic color : blue #666  orange #358683
 */
html,body,iframe,
    h1, h2, h3, h4, h5, h6,
          div, dl, dt, dd, ul, ol, li,
               pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img {border: 0; }
address, caption, cite, code, dfn, em, strong, th, var {  font-style: normal;  font-weight: normal; }
ul, ol, li {  list-style: none; }
caption, th {text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: normal; }
input, textarea, select { *font-size: 100%; }
html { background:url(../images/bg.jpg) top center no-repeat #000; background-attachment:fixed }
body { font:12px/1.231   'Helvetica Neue', Arial, FreeSans, sans-serif; color:#666; text-align:center }
a { text-decoration:none; color:#00c1be; }
a:hover { color:#00c1be; text-decoration:underline; }
.fb{ font-weight:bold; }
.fl{ float:left}
.fr{ float:right}
img{ border:none}
.color_ccc{ color:#ccc}
.color_999{ color:#999}
.wrapper { width:960px; margin:0 auto; text-align:left }
.zoom{ overflow:hidden; zoom:1}
.icon_getter{ background:url(../images/icon_getter.png) no-repeat left top;}
/*  =header  */
.header{ background:url(../images/hraderbg.png) repeat-x left top; height:97px;}
.logo{ padding-top:10px;}
/*  =navi  */
.nav{ background: url(../images/nav_bg.png) no-repeat left top; width:673px; height:42px; float:left; margin-top:29px; margin-left:20px;}
  .nav li{ line-height:35px; float:left}
    .nav .nav_fl { padding-left:7px;}
	.nav .nav_fl li a{ color:#ccc;font-size:14px; padding:0 2px; margin: 0 5px; font-weight:bold}
    .nav .nav_fl li.active a, .nav .nav_fl li a:hover{ text-decoration:none;color:#00cfff}
    .nav .fr li a{ background:url(../images/navflline.png) no-repeat left 5px; padding:0 10px; color:#666}
/*  =wrapper  */
.content{ height:514px; position:relative; margin-top:10px; }
  .container_bg{ z-index:1; background:#000; filter: alpha(opacity=80); left:0; width:960px; position:absolute; top:0; height:514px; -moz-opacity: 0.8; opacity: 0.8}
  .container{  height:494px; width:940px;  margin-top:10px; position:absolute ;left:0; top:0; z-index:2; padding:10px;}
     .deal h2{font-family: Arial;font-size:28px;font-weight: bold;margin: 0 10px 5px 5px;color: #fff;}
       .deal h2 a{ color:#fff}
     .subtitle {font-size:16px;font-weight: bold;color: #999;margin: 0px 5px 10px 5px;}
/*  =photos  */
.photos{ position:relative; }
  .photos_bg{ z-index:1; background:#000; filter: alpha(opacity=80); left:0; width:696px; position:absolute; bottom:0; height:70px; -moz-opacity: 0.8; opacity: 0.8}
  .photos_cont{ position:absolute; left:0;bottom:0; height:50px; padding:10px; color:#999; z-index:2}

/*  =fr_cont  */
.fr_cont{ width:230px; height:415px;}
  .fine_details{ background:#c0cdc9; padding:10px 0;}
  .fine_details h2{ font-size:45px; line-height:60px; color:#000; text-align:center; background:url(../images/line.png) repeat-x bottom;}

/*  =discount  */
.discount li{ float:left; text-align:center; font-size:14px; color:#444; width:70px; line-height:24px; }
.discount li b{ font-size:18px;}
.buy_bg{ background:url(../images/bnt_contbg.png) repeat-x left top; text-align:center; height:76px; padding-top:8px; color:#fff;  }
  .buy_bg a{width:183px; height:56px; margin:0 auto;display:block; }
  .buy_bg a.buy_bnt{background-position:left -38px;}
  .buy_bg a.out_bnt{background-position:left -95px;}

/*  =countdown_container  */
.countdown_container{ background:#adbdb8; padding:5px; margin-top:5px; color:#111}
  .countdown_container span.time{ display:inline-block; background-position:left -153px; width:33px; height:33px;  float:left; margin:2px 5px;}
  .countdown_container .counter{ font-size:16px;font-weight:bold; padding:2px 0; }
  .countdown_container .countdown_label{ font-size:12px; font-weight:normal; color:#444 }

/*  =number  */
.countdown_container .full{ text-align:center; font-size:18px; font-weight:bold; height:50px; line-height:40px;}
.number_container{ text-align:center; height:60px;}
  .number_container li{ display:block; overflow:hidden; zoom:1}
  .number_container li.number_top span{ float:left; padding:0 8px;color:#444}
  .number_container .deal{ font-size:16px; font-weight:bold;color:#333}
  .number_container .deal_check{ background-position:-36px -153px; width:32px;height:34px; display:inline-block;  vertical-align:middle; margin-right:5px;  }
  .progress{ margin:5px 0 2px 10px; position:relative;}
      .progress_bar{ background-position:-1px -258px;  width:203px; height:9px;}
      .progress_active{ width:196px;position:absolute; top:2px; margin:0 3px; text-align:left}
      .progress_active span{ background:url(../images/number.png) repeat-x left top; height:3px;  display:inline-block;} 
  .number_container li.number{ padding-left:13px; text-align:left}
     .number b{ width:40px; display:inline-block; text-align:left; font-size:14px  }
  .tipping{ color:#444; text-align:center; line-height:20px;}
 
 
/*  =container_content  */ 
.module_content,.rail_list{padding-bottom: 32767px !important;margin-bottom: -32767px !important;}
.module_content,.rail_list{padding-bottom: 0 !important;margin-bottom: 0 !important;}
.module_content:before, .rail_list:before{content: '[DO NOT LEAVE IT IS NOT REAL]';display: block; background: inherit;padding-top: 32767px !important;margin-bottom: -32767px !important;height: 0;}
/*  =  container_content  left  right  */ 
.container_content{ background:#1c1b19; line-height:22px;} 
   .module_content{ padding:13px; width:685px;}
      .pitch_content{ width:460px; color:#878787}
      .pitch_content h2{ font-size:18px; line-height:40px;}
      .pitch_content p{ padding:10px 0} 
 /*  =write_up_rail right  */ 
   .write_up_rail{ width:190px;} 
   .write_up_rail h3{ line-height:30px; font-size:16px; border-bottom: solid 1px #666; }
   .write_up_rail ul{ padding:10px 0 20px 12px;}
   .write_up_rail ul li{ list-style: outside; }
   .write_up_rail p b{ font-size:30px; line-height:40px; color:#358683;} 
 /*  =rail_list right  */ 
  .rail_list{ background:#111; width:240px; }
    .rail_list a{ text-decoration:underline}
    .rail_list a:hover{ text-decoration:none}
    .rail_list .module {padding-bottom:10px; margin:0 10px; }
    .rail_list .module h3{ line-height:30px; font-size:14px; border-bottom: solid 1px #222; color:#999 }
    .rail_list .module p{ padding:10px 0; overflow:hidden}
       .rail_list .module p .promise{ display:inline-block; background-color:#2e7774; background-position: left -191px;  width:220px; height:64px; }
    .rail_list .padding_t10{ padding-top:10px;}
      .module a.facebook{ background-position:0 0; width:32px; height:32px; display:inline-block}
	  .module a.twitter{background-position:-33px 0; width:32px; height:32px; display:inline-block}
	  .module a.email{background-position:-66px 0; width:32px; height:32px; display:inline-block}
 
/*  =footer  */
.footer_nav{ background:#040404; height:32px; border-top:solid 1px #222; line-height:32px; }
  .footer_nav a,.footer_nav a:hover{ color:#ccc; padding:0 3px;}
.footer{ background:url(../images/footer_bg.png) repeat-x top center ; height:99px;}
  .footer_logo{ padding-top:10px; margin-right:20px;}
  .footer p{ padding-top:15px; line-height:20px;}
  .footer p a,.footer p a:hover{ color:#666; text-decoration:underline}
  .footer p a:hover{ text-decoration:none}

















